@charset "utf-8";
/* CSS Document */
body,html{
	width:100%;
	height:100%;
	overflow-y:hidden;
}
.wrapBox{
	width:100%;
	height:100%;
	position:fixed;
}
.box{
	width:100%;
	height:100%;
	overflow:hidden;
}
.page1{
	background:url(../images/b1_bg.jpg) no-repeat center top;
}
.w960{
	width:960px;
	height:100%;
	margin:0 auto;
	position:relative;
}
.page1_01{
	position:absolute;
	top:120px;
	left:-120px;
	z-index:10;
	transition:all 2s linear 0s;
}
.page1_02{
	position:absolute;
	top:250px;
	right:30px;
	z-index:9;
	transition:all 2s linear 0s;
}

.page1_02_btn{
	margin-top:15px;
	animation:play 1s linear 0s infinite alternate;
	-webkit-animation:play 1s linear 0s infinite alternate;
}
@keyframes play{
	from{
		opacity:0.3;
	}
	to{
		opacity:1;
	}
}
@-webkit-keyframes play{
	from{
		opacity:0.3;
	}
	to{
		opacity:1;
	}
}
.page1_03{
	position:absolute;
	left:50%;
	margin-left:-720px;
	bottom:-130px;
}
.page1_04{
	position:absolute;
	right:-50px;
	top:460px;
}
.box.comeout .page1_01{
	left:-220px;
	opacity:0;
}
.box.comeout .page1_02{
	top:350px;
	opacity:0;
}
.page2{
	background:url(../images/b3_bg.jpg) no-repeat center top;
}
.page2_01{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%) rotate(0deg);
	transition:all 2s ease 0s;
}
.box.comeout .page2_01{
	transform:translate(-50%,-50%) rotate(-360deg);
	opacity:0;
}
.page3{
	background:yellowgreen;
}
.page4{
	background:orange;
}
.page5{
	background:purple;
}
.page6{
	background:gold;
}
.fixedNav{
	height:60px;
	width:100%;
	background:url(../images/sprite.png) repeat-x;
	position:fixed;
	z-index:10;
}
.nav{
	width:22px;
	height:150px;
	padding-top:14px;
	background:rgba(255,255,255,0.4);
	position:fixed;
	top:50%;
	margin-top:-82px;
	right:20px;
	border:1px solid rgba(255,255,255,0.6);
	border-radius:10px;
}
.nav li{
	width:16px;
	height:16px;
	background:url(../images/sprite.png) no-repeat -40px -130px;
	margin:5px auto;
	cursor:pointer;
	position:relative;
}
.nav li.current{
	background-position:-40px -110px;
}
.nav li span{
	width:76px;
	height:19px;
	position:absolute;
	background:url(../images/sprite.png) no-repeat 0 -80px;
	left:-80px;
	top:0;
	text-align:center;
	line-height:19px;
	color:#fff;
}